<include file="Public/header" title="首页" index_banner="dropdown_item-active"/>

    <div class="container container-home">
        <div>
            <!-- section-banner -->
            <div class="section section-banner">
                <div class="earth_movemap">
                    <div class="movemap movemap-back movemap-back-0"></div>
                    <div class="movemap movemap-back movemap-back-1"></div>
                    <div class="movemap movemap-back movemap-back-2"></div>
                    <div class="movemap movemap-front movemap-front-0"></div>
                    <div class="movemap movemap-front movemap-front-1"></div>
                    <div class="movemap movemap-front movemap-front-2"></div>
                </div>

                <div class="stargroup">
                    <div class="stars">
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>

                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>
                        <div class="stars_star">
                            <div class="star_inner"></div>
                        </div>

                    </div>
                </div>

                <div class="section_banner">
                    <div class="banner_acronym">
                        <div style="font-size: 85px;font-weight: 700;">{$site_abbrev}</div>
                    </div>
                    <div class="banner_name">
                        <p>{$site_name_cn}安全响应中心</p>
                        <p>{$site_name_en} Security Response Center</p>
                    </div>
                    <div class="banner_welcome">
                        <p>诚邀广大安全专家共捍亿万互联网用户安全</p>
                    </div>
                    <div class="banner_submit">
                        <a href="__ROOT__/user.php?m=user&c=post&a=add" target="_blank">
                                在线提交漏洞
                            </a>
                    </div>
                </div>
            </div>


            <!-- 排名(龙虎榜) section-rank -->
            <div class="section section-rank">
                <div class="section_rank">
                    <div class="mod-introduce">
                        <!-- title -->
                        <div class="introduce_title">本月英雄榜</div>
                        <!-- descript -->
                        <div class="introduce_description">
                            <p>各路安全专家长期关注公司产品安全，帮助提高安全水平，保障了广大用户的安全在线生活。</p>
                        </div>
                    </div>

                    <!-- 下半部分 -->
                    <div class="rank_hero swiper-container-rank">
                        <div class="swiper-wrapper">
                            <!-- third -->
                            <div class="hero hero-third swiper-slide">
                                <a href="<php>
										if ($hall[2]['pid'] === NULL){
											echo '#';
										} else {
											echo './index.php?m=&c=hall&a=view&pid='.$hall[2]['pid'];
										}
										</php>">
                                    <p class="hero_rank">第三名</p>
                                    <div class="hero_avatar">
                                        <img class="mod-avatar mod-avatar-100" src="__PUBLIC__/Uploads/<php>
										if ($hall[2]['avatar'] === NULL){
											echo 'default_avatar.png';
										} else {
											echo $hall[2]['avatar'];
										}
										</php>" alt="">
                                        <div class="avatar_circle"></div>
                                    </div>
                                    <p class="hero_name">
                                        <php>
										if ($hall[2]['username'] === NULL){
											echo '虚位以待';
										} else {
											echo $hall[2]['username'];
										}
										</php>   
                                    </p>
                                    <p class="hero_contribution">
                                        贡献值 <span><php>
										if ($hall[2]['sum(score)'] === NULL){
											echo '暂无';
										} else {
											echo $hall[2]['sum(score)'].'点';
										}
										</php></span>
                                    </p>
                                </a>
                            </div>
                            <!-- first -->
                            <div class="hero hero-first swiper-slide">
                                <a href="<php>
										if ($hall[0]['pid'] === NULL){
											echo '#';
										} else {
											echo './index.php?m=&c=hall&a=view&pid='.$hall[0]['pid'];
										}
										</php>">
                                    <p class="hero_rank">第一名</p>
                                    <div class="hero_avatar">
                                        <img class="mod-avatar mod-avatar-100" src="__PUBLIC__/Uploads/<php>
										if ($hall[0]['avatar'] === NULL){
											echo 'default_avatar.png';
										} else {
											echo $hall[0]['avatar'];
										}
										</php>" alt="">
                                        <div class="avatar_circle"></div>
                                    </div>
                                    <p class="hero_name">
                                        <php>
										if ($hall[0]['username'] === NULL){
											echo '虚位以待';
										} else {
											echo $hall[0]['username'];
										}
										</php>    
                                    </p>
                                    <p class="hero_contribution">
                                        贡献值 <span><php>
										if ($hall[0]['sum(score)'] === NULL){
											echo '暂无';
										} else {
											echo $hall[0]['sum(score)'].'点';
										}
										</php></span>
                                    </p>
                                </a>
                            </div>
                            <!-- second -->
                            <div class="hero hero-second swiper-slide">
                                <a href="<php>
										if ($hall[1]['pid'] === NULL){
											echo '#';
										} else {
											echo './index.php?m=&c=hall&a=view&pid='.$hall[1]['pid'];
										}
										</php>">
                                    <p class="hero_rank">第二名</p>
                                    <div class="hero_avatar">
                                        <img class="mod-avatar mod-avatar-100" src="__PUBLIC__/Uploads/<php>
										if ($hall[1]['avatar'] === NULL){
											echo 'default_avatar.png';
										} else {
											echo $hall[1]['avatar'];
										}
										</php>" alt="">
                                        <div class="avatar_circle"></div>
                                    </div>
                                    <p class="hero_name">
                                        <php>
										if ($hall[1]['username'] === NULL){
											echo '虚位以待';
										} else {
											echo $hall[1]['username'];
										}
										</php>     
                                    </p>
                                    <p class="hero_contribution">
                                        贡献值 <span><php>
										if ($hall[1]['sum(score)'] === NULL){
											echo '暂无';
										} else {
											echo $hall[1]['sum(score)'].'点';
										}
										</php></span>
                                    </p>
                                </a>
                            </div>
                        </div>
                    </div>

                    <a class="mod-btn mod-btn-shadow mod-btn-shadow-grayborder" href="{:U('hall/index')}" target="_blank">更多英雄</a>
                </div>
            </div>

            <!-- 礼品兑换(精美礼品) section-shop -->
            <div class="section section-shop">
                <div class="section_shop">
                    <div class="mod-introduce">
                        <!-- title -->
                        <div class="introduce_title">精美奖品</div>
                        <!-- descript -->
                        <div class="introduce_description">
                            <p>丰富的礼品奖励，惊喜多多等你来拿。</p>
                        </div>
                    </div>

                    <ul class="mod-itemlist-shop">
						<foreach name="gift" item="gift_details">
                        <li class="itemlist_item mod-floatblock">
                            <a href="shopdetail.html">
                                <div class="item_pic">
                                    <img src="{$gift_details.url}" alt="">
                                </div>
                                <p class="item_name">{$gift_details.title}</p>
                            </a>
                            <p class="item_content">
                                安全币<span class="item_cost">{$gift_details.price}</span>已兑换<span class="item_exchangednum">{$gift_details.redeemed}</span>个
                            </p>
                        </li>
						</foreach>
                    </ul>


                    <a class="mod-btn mod-btn-shadow" href="{:U('gift/index')}" target="_blank">更多奖品</a>
                </div>
            </div>

            <!-- 关于我们 section-aboutus -->
            <div class="section section-aboutus">
                <div class="stars">
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>
                    <div class="stars_star">
                        <div class="star_inner"></div>
                    </div>

                </div>

                <div class="section_aboutus">
                    <div class="mod-introduce">
                        <!-- title -->
                        <div class="introduce_title">关于我们</div>
                        <!-- descript -->
                        <div class="introduce_description">
                            <p>
                                {$site_intro}
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
<include file="Public/footer"/>